.bannermenu {
    position: relative;
    height: 460px;
    display: flex;

    // 左边菜单
    .left_menu {
        position: absolute;
        left: 0;
        top: 0;
        width: $left-width;
        height: 420px;
        background-color: rgba(0, 0, 0, 0.3);
        padding: 20px 0;
        z-index: 2;

        .menu_list {
            position: relative;
            height: 42px;
            list-style: none;
            display: flex;
            align-items: center;
            color: #fff;
            cursor: pointer;

            .label {
                padding-left: 30px;
            }

            .right_icon {
                position: absolute;
                right: 20px;
                i {
                    font-size: 16px;
                }
            }
        }

        .active_list {
            background-color: $theme-color;

            .right_icon {
                color: #e0e0e0;
            }
        }
    }

    // 右边内容
    .right_content {
        position: absolute;
        left: $left-width;
        top: 0;
        background-color: #fff;
        height: 459px;
        max-width: $right-width;
        list-style: none;
        flex-direction: column;
        flex-wrap: wrap;
        display: none;
        border: $border;
        box-shadow: 4px 8px 12px rgba(0, 0, 0, 0.1);
        ;
        cursor: pointer;
        overflow: hidden;
        z-index: 2;

        .con_list {
            // 每个宽度为 248px
            background-color: #fff;
            width: 216px;
            height: 76px;
            display: flex;
            align-items: center;
            padding: 0 16px;
            cursor: pointer;

            .good_img {
                width: 40px;
                height: 40px;
                margin-right: 16px;
            }

            .good_name {
                color: $text-color;
                transition: all 0.2s;

                &:hover {
                    color: $theme-color;
                }
            }
        }
    }

    .show_con {
        display: flex;
    }
}